<template>
	<view class="meeting_container">
		<view class="img_container">
			<view style="display: flex;align-items: center;">
				<image src="../../../static/img/meeting/logo.png" style="width: 80rpx;height: 80rpx;"></image>
				<text>智能会议室</text>
			</view>
		</view>
		<view class="meeting_card">
			<view class="meeting_item">
				<image src="../../../static/img/meeting/item1.png" style="width: 46rpx;height: 46rpx;"></image>
				<view class="item_label" @click="itemClick('/pagesA/pages/meetingReserve/meetingReserve')">
					<text>预定会议室</text>
					<u-icon name="arrow-right"></u-icon>
				</view>
			</view>
			<view class="meeting_item">
				<image src="../../../static/img/meeting/item2.png" style="width: 46rpx;height: 46rpx;"></image>
				<view class="item_label" style="border: none;"  @click="itemClick('/pagesA/pages/meetingRecord/meetingRecord')">
					<text>我的预定</text>
					<u-icon name="arrow-right"></u-icon>
				</view>
			</view>
		</view>
		
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {
			itemClick(value){
				uni.navigateTo({
					url: value
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.meeting_container {
		width: 100%;
		height: 100vh;
		padding: 36rpx 32rpx;
		box-sizing: border-box;
		background-color: #F2F1F6;

		.img_container {
			width: 100%;
			height: 276rpx;
			background: url("http://applet.atptest.com/C31WmR4O1699253172397.png?v=1699253172820") no-repeat;
			background-size: cover;
			display: flex;
			align-items: center;
			justify-content: center;
			color: rgb(255, 255, 255);
			font-family: HYYakuHei;
			font-size: 40rpx;
			font-weight: 400;
		}

		.meeting_card {
			width: 100%;
			border-radius: 20rpx;
			background-color: #fff;
			margin-top: 32rpx;

			.meeting_item {
				display: flex;
				align-items: center;
				height: 152rpx;
				padding: 0 40rpx;
				padding-right: 0;
				box-sizing: border-box;

				.item_label {
					flex: 1;
					display: flex;
					justify-content: space-between;
					align-items: center;
					height: 100%;
					margin-left: 36rpx;
					border-bottom: 1px solid rgb(235, 237, 236);
					padding-right: 40rpx;
					box-sizing: border-box;
				}
			}
		}
	}
</style>